<!DOCTYPE html>
<html lang="es">
<head>
    <title>Manoplas Delivery</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/layout.css" type="text/css" media="screen"> 
    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="js/cufon-yui.js" type="text/javascript"></script>
    <script src="js/cufon-replace.js" type="text/javascript"></script> 
    <script src="js/Dynalight_400.font.js" type="text/javascript"></script>
    <script src="js/FF-cash.js" type="text/javascript"></script>
    <script src="js/tms-0.3.js" type="text/javascript"></script>
    <script src="js/tms_presets.js" type="text/javascript"></script>
    <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
    <script src="js/jquery.equalheights.js" type="text/javascript"></script>    
	<!--[if lt IE 8]>
    <div style=' clear: both; text-align:center; position: relative;'>
        <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
        	<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="Usted está utilizando un navegador obsoleto. Para una experiencia de navegación más rápida, más segura, actualizar de forma gratuita hoy." />
        </a>
    </div>
	<![endif]-->
    <!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
	<![endif]-->
</head>
<body id="page1">
	
    <header>
    	<div class="row-top">
        	<div class="main">
            	<div class="wrapper">
                	<h1 class="titulo"><a href="index.html">Manoplas <span></span></a></h1>
                    <nav>
                        <ul class="menu">
                            <li><a class="activo" href="index.html">Inicio</a></li>
                            <li><a href="menu.html">Menu</a></li>
                            <li><a href="catalogo.html">Catalogos </a></li>
                            <li><a href="envio.html">Envíos</a></li>
                            <li><a href="contacto.html">Contacto</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
        <div class="row-bot">
        	<div class="row-bot-bg">
            	<div class="main">
                	<h2>Texto de Delivery<span></span></h2>
                    <div class="slider-wrapper">
                        <div class="slider">
                            <ul class="items">
                                <li>
                                    <img src="images/slider-img1.jpg" alt="" />
                                </li>
                                <li>
                                    <img src="images/slider-img2.jpg" alt="" />
                                </li>
                                <li>
                                    <img src="images/slider-img3.jpg" alt="" />
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    
	
    <section id="content">
        <div class="main">
            <div class="wrapper img-indent-bot">
                <article class="col-1">
                	<a href="#"><img class="img-border" src="images/banner-1.jpg" alt=""></a>
                </article>
                <article class="col-1">
                	<a href="#"><img class="img-border" src="images/banner-2.jpg" alt=""></a>
                </article>
                <article class="col-2">
                	<a href="#"><img class="img-border" src="images/banner-3.jpg" alt=""></a>
                </article>
            </div>
            <div class="wrapper">
            	<article class="column-1">
                	<div class="indent-left">
                        <div class="maxheight indent-bot">
                            <h3>Que servicios.. etc etc</h3>
                            <ul class="list-1">
                                <li><a href="#">Delivery</a></li>
                                <li><a href="#">Viandas semanales</a></li>
                                <li><a href="#">Viandas diarias</a></li>
                            </ul>
                            <p>&nbsp;</p>
                            <p>&nbsp;</p>
                            <p>&nbsp;</p>
                        </div>
                        <p><a class="button-1" href="catalogo.html">Leer mas</a>
                        </p>
                        <p>&nbsp;</p>
                	</div>
                </article>
                <article class="column-2">
                	<div class="maxheight indent-bot">
                      <h3 class="p1">Texto texto texto</h3>
                      <h6 class="p2">Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. </h6>
                        <p class="p2">Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per.</p>
                	</div>
                    <a class="button-2" href="contacto.html">Contactarnos</a>
                </article>
            </div>
        </div>
    </section>
    

    <footer>
        <div class="main">
        	<div class="aligncenter">
            	<p><span>Manoplas delivery | Copyright &copy; 2014</span>Correo electronico direccion telefono lalalalala</p>
            	<div class="pieinfo"> 
            	  <p>Diseño web realizado por Silvina Esquivel y Ezequiel Avalos <a href="web@manoplasdelivery.com.ar">web@manoplasdelivery.com.ar </a></p>
</div>
       	  </div> 
        </div>
    </footer>
    <script type="text/javascript"> Cufon.now(); </script>
    <script type="text/javascript">
		$(window).load(function() {
			$('.slider')._TMS({
				duration:1000,
				easing:'easeOutQuint',
				preset:'slideDown',
				slideshow:7000,
				banners:false,
				pauseOnHover:true,
				pagination:true,
				pagNums:false
			});
		});
    </script>
</body>
</html>
